<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Document</title>
</head>
<body>
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(function() {
                    var Business_Scope = [{
                        name: '电商/团购',
                        scope: ['团购', '海淘', '线上商超']
                    }, {
                        name: '线下零售',
                        scope: ['超市', '便利店', '自动贩卖机', '百货/商圈/购物中心', '其他综合零售']
                    }, {
                        name: '餐饮/食品',
                        scope: ['其他综合零售', '餐饮']
                    }, {
                        name: '生活/家居',
                        scope: ['家装建材/家居家纺', '数码家电/办公设备', '计生用品', '美妆/护肤', '鲜花/盆栽/室内装饰品', '交通工具/配件/改装', '宠物/宠物食品/饲料', '母婴用品/儿童玩具', '服饰/箱包/饰品', '户外/运动/健身器材/安防', '钟表/眼镜', '黄金珠宝/钻石/玉石', '书籍/音像/文具/乐器']
                    }, {
                        name: '生活/咨询服务',
                        scope: ['咨询/法律咨询/金融咨询等', '婚庆/摄影', '装饰/设计', '家政/维修服务', '广告/会展/活动策划', '人才中介机构/招聘/猎头', '职业社交/婚介/交友', '网上生活服务平台']
                    }, {
                        name: '票务/旅游',
                        scope: ['旅行社', '旅游服务平台', '机票/机票代理', '娱乐票务', '交通票务', '旅馆/酒店/度假区', '景区', '宗教']
                    }, {
                        name: '网络虚拟服务',
                        scope: ['门户/资讯/论坛', '在线图书/视频/音乐', '软件/建站/技术开发', '网络推广/网络广告', '游戏']
                    }, {
                        name: '教育/培训',
                        scope: ['教育/培训/考试缴费/学费', '公立院校', '私立院校']
                    }, {
                        name: '娱乐/健身服务',
                        scope: ['美容/健身类会所', '俱乐部/休闲会所', '游艺厅/KTV/网吧']
                    }, {
                        name: '医疗',
                        scope: ['保健器械/医疗器械/非处方药品', '保健信息咨询平台', '私立/民营医院/诊所', '公立医院', '挂号平台']
                    }, {
                        name: '房地产',
                        scope: ['房地产']
                    }, {
                        name: '收藏/拍卖',
                        scope: ['非文物类收藏品', '文物经营/文物复制品销售', '拍卖/典当']
                    }, {
                        name: '苗木/绿化',
                        scope: ['苗木种植/园林绿化', '化肥/农用药剂等']
                    }, {
                        name: '交通运输服务类',
                        scope: ['港口经营\港口理货', '租车', '加油', '物流/快递']
                    }, {
                        name: '生活缴费',
                        scope: ['有线电视缴费', '停车缴费', '物业管理费', '城市交通/高速收费', '其他生活缴费', '水电煤缴费/交通罚款等生活缴费', '事业单位']
                    }, {
                        name: '公益',
                        scope: ['公益']
                    }, {
                        name: '通信',
                        scope: ['电信运营商', '宽带收费', '话费通讯']
                    }, {
                        name: '金融',
                        scope: ['财经资讯', '股票软件类', '保险业务', '众筹']
                    }, {
                        name: '其他',
                        scope: ['其他行业']
                    }];
                    $("#first").append('<option value="">请选择</option>');
                    $(Business_Scope).each(function(index, item) {
                        $("#first").append('<option data-index=' + index + ' value="' + item.name + '">' + item.name + '</option>');
                    })
                    $(document).on("change", "#first", function() {
                            var index = $(this).find("option:selected").data("index");
                            if (!index) {
                                $("#second").remove();
                                return;
                            }
                            var seconds = Business_Scope[index]['scope'];
                            var second_dom = $("#second");
                            if (second_dom.length == 0) {
                                $(".scope").append("<select id='second'></select>");
                                var second_dom = $("#second");
                            }
                            second_dom.html("");
                            $(seconds).each(function(index, item) {
                                    second_dom.append('<option data-index=' + index + ' value=' + item + ' > '+item+' </option>');
                                    })
                            });
                    });
    </script>
    <div class="scope">
        <select name="" id="first"></select>
    </div>
</body>
</html>